@import "compass/css3";
@import "../components/loading2";
#creditPage {
    background:#0d1931;
    color:#fff;
    header{
        background:#0d1931;
    }
    .weui-cell {
        padding: 10px 15px 28px 15px;
    }
    .weui-cells{
       background:#0d1931;
    }
    .bg_space {
        padding-top: 5px;
        background:#0d1931;
    }
    #credit_color {
        text-align: center;
        position: relative;
        height: 105px;
        >div {
            width: 270px;
            margin-top: 3px;
        }
        >div.col {
            position: relative;
            margin-left: -20px;
            margin-top: 50px;
            display: inline-block;
            height: 3px;
            background: -moz-linear-gradient(left, #01f4e1, #1063ef);
            /*Mozilla*/
            background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#01f4e1), to(#1063ef));
            /*Old gradient for webkit*/
            background: -webkit-linear-gradient(left, #01f4e1, #1063ef);
            /*new gradient for Webkit*/
            background: -o-linear-gradient(left, #01f4e1, #1063ef);
            /*Opera11*/
            >span {
                position: absolute;
                top: -7px;
                display: inline-block;
                background: #0d1931;
                font-size: 12px;
            }
            >span:nth-child(1) {
                left: 0;
            }
            >span:nth-child(2) {
                left: 54px;
            }
            >span:nth-child(3) {
                left: 108px;
            }
            >span:nth-child(4) {
                left: 162px;
            }
            >span:nth-child(5) {
                left: 216px;
            }
            >span:nth-child(6) {
                left: 270px;
            }
        }
    }
    #toux_parent {
        background-image: url("../../img/faceDetect/user.png");
//      background-position: center 11px;
        width: 43px;
        height: 73px;
        background-size: 43px 73px;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        top: -77px;
        >img {
            width: 43px;
        }
    }
    #credit_text {
        display: flex;
        margin: auto;
        >div {
            text-align: center;
            >span {
                display: inline-block;
                width: 37px;
                height: 19px;
                padding-top: 2px;
                @include border-radius(2px);
            }
            flex: 1;
            font-size: 12px;
        }
    }
    #chart_parent {
        padding-top: 20px;
        text-align: center;
        margin-bottom: 30px;
    }
    #credit_chart {
        margin: auto;
    }
    .cells_in {
        &:after {
            border-bottom-width: 0;
        }
    }

}
